<mat-accordion class="demo-tree-container">
  <mat-expansion-panel>
    <mat-expansion-panel-header>Flat tree</mat-expansion-panel-header>
    <material-example id="tree-flat-overview"></material-example>
  </mat-expansion-panel>
  <mat-expansion-panel>
    <mat-expansion-panel-header>CDK Flat tree</mat-expansion-panel-header>
    <material-example id="cdk-tree-flat"></material-example>
  </mat-expansion-panel>
  <mat-expansion-panel>
    <mat-expansion-panel-header>Nested tree</mat-expansion-panel-header>
    <material-example id="tree-nested-overview"></material-example>
  </mat-expansion-panel>
  <mat-expansion-panel>
    <mat-expansion-panel-header>CDK Nested tree</mat-expansion-panel-header>
    <material-example id="cdk-tree-nested"></material-example>
  </mat-expansion-panel>

  <mat-expansion-panel>
    <mat-expansion-panel-header>Todo list Flattened tree</mat-expansion-panel-header>
    <checklist-tree-demo></checklist-tree-demo>
  </mat-expansion-panel>

  <mat-expansion-panel>
    <mat-expansion-panel-header>Todo list Nested tree</mat-expansion-panel-header>
    <checklist-nested-tree-demo></checklist-nested-tree-demo>
  </mat-expansion-panel>

  <mat-expansion-panel>
    <mat-expansion-panel-header>Dynamic flat tree</mat-expansion-panel-header>
    <dynamic-tree-demo></dynamic-tree-demo>
  </mat-expansion-panel>

  <mat-expansion-panel>
    <mat-expansion-panel-header>Load more flat tree</mat-expansion-panel-header>
    <loadmore-tree-demo></loadmore-tree-demo>
  </mat-expansion-panel>


</mat-accordion>
